﻿@{
    Layout = null;
}
<div>
    <div class="image">
        <img class="kit-image-main" alt="" data-bind="attr: { src: kitImageUrl }" />
        <div class="scribe"><span data-bind="text: 'Цена: ' + costComplect()"></span>&nbsp;&nbsp;<span data-bind="    visible: discountComplect() > 0, text: 'Скидка: ' + discountComplect() + '%'"></span></div>
    </div>
    <div class="device">
        <div class="swiper-container" id="swiper-container-kitmodels">
            <div class="swiper-wrapper" data-bind="foreach: kits">
                <div class="swiper-slide" data-bind="attr: { 'data-kitImage': $data.ImageUrlFull, 'data-kitId': $data.KitId, 'data-costComplect': $data.CostComplect, 'data-discountComplect': $data.DiscountComplect }">
                    <img alt="" class="kit-image-preview" data-bind="attr: { src: $data.ImageUrl }" />
                </div>
            </div>
        </div>
        <div class="pagination-kit"></div>
    </div>
</div>
